.login-wrap{
  .container{
    height: 113px;
  }
  .login-body{
    background: url('/imgs/login-bg.jpg') no-repeat center;
    .container{
      height: 576px;
      .login-from{
        position: absolute;
        top:30px;
        right: 0px;
        padding: 0 31px;
        width: 410px;
        height: 510px;
        text-align: center;
        background-color: #ffffff;
        h3{
          line-height: 23px;
          font-size: 24px;
          margin-top:40px;
          margin-bottom: 49px;
          .spe-line{
            margin:0 10px;
          }
        }
        .input{
          margin: 0 auto;
          width: 348px;
          height: 50px;
          border:  1px solid #E5E5E5;
          margin-bottom: 20px;
          input{
            width: 100%;
            height: 100%;
            padding:18px;
            box-sizing: border-box;
            outline: none;
          }
        }
        .btn{
          margin:10px auto 20px;
          width: 348px;
          height: 50px;
          line-height: 50px;
          border: none;
          font-size: 16px;
          color: #ffffff;
          background-color: #FF6600;
          cursor: pointer;
        }
        .tips{
          margin: 10px auto;
          width: 348px;
          @include  flex();
          font-size: 14px;
          cursor: pointer;
          color: #999999;
          .spe-line{
            margin:5px;
          }
        }
      }
    }
  }
  .login-footer{
    height: 100px;
    padding-top: 60px;
    text-align: center;
    font-size: 16px;
    .container{
      .footer-link{
        a{
          color: #999999;
        }
        span{
          display: inline-block;
          margin:0 5px;

        }
      }
      .copyright{
        margin-top: 13px;
        color: #999999;
      }
    }
  }
}
